<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>新闻管理</title>

  <style>
    #spPre,
    #spNext {
      display: inline-block;
      margin: 0px 5px;
      cursor: pointer;
      text-decoration: underline;
      color: #00f;
    }
  </style>

</head>

<body>

  <div style="padding: 1rem;">
    <label>
      标题：<input type="text" id="txt_title" />
    </label>

    <label>
      内容：<input type="text" id="txt_info" />
    </label>

    <label>
      排序：
      <select id="sel_order">
        <option value="1" selected>按照发布时间逆序</option>
        <option value="2">按照点击量逆序</option>
        <option value="3">按照发布时间正序</option>
        <option value="4">按照点击量正序</option>
      </select>
    </label>

    <button id="btnQuery">查询</button>
    <button id="btnReset">重置</button>
    <a href="news_add.html">发布新闻</a>

  </div>


  <div style="padding: 1rem;">

    <table border="1" style="width: 100%;">

      <thead>
        <tr>
          <th>编号</th>
          <th>标题</th>
          <th>来源</th>
          <th>点击量</th>
          <th>发布时间</th>
          <th>操作</th>
        </tr>
      </thead>

      <tbody id="tbData">

      </tbody>


    </table>

  </div>

  <div style="padding: 1rem;text-align: center;">

    <span id="spPre">上一页</span>
    <span id="spPage"></span>
    <span id="spNext">下一页</span>

  </div>



  <script type="module" src="./news.js"></script>

</body>

</html>